import React, { Component } from 'react'
import { NavLink } from 'react-router-dom'
import RouterView from '../router/RouterView'
import '../App.css'
import {
    AppstoreOutlined,
    ReconciliationOutlined,
    UserOutlined
} from '@ant-design/icons';
import s1 from '../imgs/9.png'

export default class Index extends Component {
    render() {
        return (
            <div className='index'>

                <main>
                    <RouterView routes={this.props.routes} />
                </main>
                <footer>
                    <NavLink to="/index/home">
                        <span><AppstoreOutlined /></span>
                        <span>首页</span>
                    </NavLink>
                    <NavLink to="/index/store" className='s1'>
                        <span><img src={s1}></img></span>
                        <span>商城</span>
                    </NavLink>
                    <NavLink to="/index/popularization">
                        <span><ReconciliationOutlined /></span>
                        <span>科普</span>
                    </NavLink>
                    <NavLink to="/index/my">
                        <span><UserOutlined /></span>
                        <span>我的</span>
                    </NavLink>
                </footer>
            </div>
        )
    }
}
